<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>卡交易</title>
    <link href="css/common.css" rel="stylesheet">
    <link href="css/ec.css" rel="stylesheet">
    <link href="css/list.css" rel="stylesheet">
	<link rel="stylesheet" href="css/pagination.css" />
	<script src="js/jquery-1.4.2.min.js"></script>
	<script src="js/ec.js"></script>
</head>
<body>

<!-- 主体 -->

<div class="tab set">
    <h3><a href="">首页</a><a href="">> 卡交易</a></h3>
    <ul class="tabtitle">
        <li class="active"><a>售卡</a></li>
        <li><a>充值</a></li>
        <li><a>账户销卡</a></li>
        <li><a>调账处理</a></li>
        <li><a>交易查询</a></li>
        <li><a>客服</a></li>
    </ul>
    <div class="txte">
        <p class="setp"><input type="button" value="+ 新建机构" class="red"></p>
        <p class="txtp">
            <input type="button" value="+ 新建卡片" class="txt red">
            <select name="" id="" class="txt">
                <option value="">个人</option>
            </select>
            <a href="" class="arrows">V</a>
        </p>
    </div>
    <div class="tablist ">
        <div class="tablt listfir">
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <th>卡号</th>
                    <th>类型</th>
                    <th>状态</th>
                    <th>客户编号</th>
                    <th>姓名</th>
                    <th>证件号</th>
                    <th>电话</th>
                    <th>账户类型</th>
                    <th>余额</th>
                    <th>发票信息</th>
                    <th class="icon">操作</th>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="icon">
                        <div><a class="disabled"></a><a class="delete"></a><a class="edit"></a><a class="lock"></a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="icon">
                        <div><a class="disabled"></a><a class="delete"></a><a class="edit"></a><a class="lock"></a>
                        </div>
                    </td>
                </tr>
            </table>
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <th>卡号</th>
                    <th>充值额</th>
                    <th>账户类型</th>
                    <th>支付方式</th>
                    <th>充值模式</th>
                    <th>优惠</th>
                    <th>金额</th>
                    <th class="icon">操作</th>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="icon">
                        <div><a class="disabled"></a><a class="delete"></a><a class="edit"></a><a class="lock"></a>
                        </div>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td class="icon">
                        <div><a class="disabled"></a><a class="delete"></a><a class="edit"></a><a class="lock"></a>
                        </div>
                    </td>
                </tr>
            </table>
            <div class="pages">
                <div id="Pagination">
                    <div class="pagination">
                        <a href="#" class="first">首页</a>
                        <a href="#" class="prev">上一页</a>
                        <a href="#" class="current">1</a>
                        <a href="#">2</a>
                        <a href="#" class="next">下一页 </a>
                        <a href="#" class="last">末页 </a>
                    </div>
                </div>
            </div>

        </div>
        <div class="tablt listsec message">
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <td>选择卡片</td>
                    <td><select name="" id="">
                        <option value=""></option>
                    </select>
                        <a href="" class="arrows">∧</a></td>
                    <td>卡bin管理</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>起始卡号</td>
                    <td><input type="text"></td>
                    <td>终止卡号</td>
                    <td><input type="text"></td>
                </tr>
                <tr>
                    <td>制卡张数</td>
                    <td><input type="text"></td>
                </tr>
            </table>
            <p class="save">
                <span><input type="button" value="保存" class="red"></span>
                <span><input type="checkbox" class="cho"> 同时生产制卡订单</span>
            </p>
        </div>
        <div class="tablt listthi sys message">
            <div class="tree">
                <iframe width="100%" height="100%" frameborder="0" scrolling="no" src="tree.html"></iframe>
            </div>
            <div class="tit">
                <p>总制卡数量<br>&nbsp;&nbsp; 1000</p>
                <p>售卡数量<br> &nbsp; &nbsp; 1000</p>
                <p>挂失卡数量<br> &nbsp; &nbsp; 1000</p>
                <p>库存数量<br>&nbsp; &nbsp; 1000</p>
            </div>
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <th>卡号</th>
                    <th>状态</th>
                    <th class="icon">操作</th>
                </tr>
                <tr>
                    <td>00012125352</td>
                    <td>在途</td>
                    <td class="icon">
                        <div>
                            <a class="disabled"></a>
                            <a class="delete"></a>
                            <a class="edit"></a>
                            <a class="lock"></a></div>
                    </td>
                </tr>
                <tr>
                    <td>00012125352</td>
                    <td>在途</td>
                    <td class="icon">
                        <div>
                            <a class="disabled"></a>
                            <a class="delete"></a>
                            <a class="edit"></a>
                            <a class="lock"></a></div>
                    </td>
                </tr>
                <tr>
                    <td>00012125352</td>
                    <td>在途</td>
                    <td class="icon">
                        <div>
                            <a class="disabled"></a>
                            <a class="delete"></a>
                            <a class="edit"></a>
                            <a class="lock"></a></div>
                    </td>
                </tr>
            </table>
        </div>
        <div class="tablt listfor">
            <table cellpadding="0" cellspacing="0">
                <tr>
                    <th>机构</th>
                    <th>卡片</th>
                    <th>类型</th>
                    <th class="icon">操作</th>
                </tr>
                <tr>
                    <td>00012125352</td>
                    <td>在途</td>
                    <td>实体</td>
                    <td class="icon">
                        <div>
                            <a class="disabled"></a>
                            <a class="delete"></a>
                            <a class="edit"></a>
                            <a class="lock"></a></div>
                    </td>
                </tr>
                <tr>
                    <td>00012125352</td>
                    <td>在途</td>
                    <td>虚拟</td>
                    <td class="icon">
                        <div>
                            <a class="disabled"></a>
                            <a class="delete"></a>
                            <a class="edit"></a>
                            <a class="lock"></a></div>
                    </td>
                </tr>
                <tr>
                    <td>00012125352</td>
                    <td>在途</td>
                    <td>实体</td>
                    <td class="icon">
                        <div>
                            <a class="disabled"></a>
                            <a class="delete"></a>
                            <a class="edit"></a>
                            <a class="lock"></a></div>
                    </td>
                </tr>
            </table>
        </div>
    </div>
</div>
<script src="js/jquery.js"></script>
<script src="js/ec.js"></script>
</body>
</html>